 <div class="padding-all ">
 <div ng-include src="'/ksr/partials/breadcrumb.htm'"></div>
 </div>
 <div class="padding-all ">
<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">
    <span class="bold capitalize">{{customer.firstName}} {{customer.lastName}}</span>&apos;s Account Settings
  </div>
  <!-- List group -->
  <ul class="list-group">
    <li class="list-group-item">
      <a ng-href="#/edit-customer-profile" class="block">Customer Profile</a>
      <div>Edit customer name, profile information,etc</div>
    </li>
    <li class="list-group-item">
      <a ng-href="#/change-password" class="block">Password</a>
      <div>Change the password for your account.</div>
    </li>
	<li class="list-group-item">
	    	<a ng-href="#/customer-photos/{{customer.id}}" class="block"><span>Add or remove photos</span></a>
	    <div class="margin-top" ng-if="customer.pictures">
	      <span class="margin-bottom" ng-class="{'margin-right':!$last}" ng-repeat="pic in customer.pictures">
	    	   <img ng-src="{{baseUrl}}{{pic.rootPath}}{{pic.pictureFolder}}/{{pic.square60ImageFilename}}"  class="round-corner" ng-class="{'border-all-orange':pic.id===customer.primaryPicture.id}"/>
	      </span>
	    </div>  
      </li>

    <li class="list-group-item" ng-if="reviewCount>0">
        <div class="margin-bottom">
          <a ng-href="#/customer-reviews/{{customer.id}}"><span class="inline-block margin-right">My Reviews</span></a> 
          ({{reviewCount}} review<span ng-show="reviewCount>1">s</span>)
        </div>
        <div class="margin-bottom margin-left">
           <span class="glyphicon glyphicon-stats text-danger"></span>
           Rating distribution
        </div>
        <ksr-rating-distribution review-numbers={{reviewNumbers}}></ksr-rating-distribution>
      </li> 
    <li class="list-group-item" ng-if="reviewCount===0">
        You haven't made any review.
      </li>  

  </ul>
</div>
 </div>
 <!-- 
 <br/>
 <pre ng-bind="reviewList| json"></pre>
 <pre ng-bind="customer| json"></pre>
  -->